<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>prop的使用</title>
  <script src="./js/jquery.js"></script>
</head>
<!-- 
  prop
    特点和attr的方法一致
  removeProp
    特点和removeProp的方法一致的

  注意点
    具有true和false两个属性节点如: checked,selected,disabled 时,使用prop(),其它的使用attr()
    即获取input的属性属性时使用prop方法的多,会直接返回布尔值
 -->

<body>
  <div class="cls1" name="i6"></div>
  <div class="cls2" name="i5"></div>
  <input type="checkbox" checked>
</body>
<script>
  "use strict";
  $(function () {
    $("div").eq(0).prop("demo", "i9");
    let attrs = $("input").attr("checked");
    let props = $("input").prop("checked");
    console.log(`使用attr获取的  ${attrs}`);
    console.log(`使用prop获取的  ${props}`);
  });
</script>

</html>